<template>
  <div class="bottom">
    <div class="container bottom-content">
      <div class="bottom-main">
        <div class="main">
          <ul class="bottom-list">
            <li class="bottom-item">
              <span>测试帮助说明</span>
            </li>
            <li class="bottom-item">
              <span>支付方式</span>
            </li>
            <li class="bottom-item">
              <span>售后服务</span>
            </li>
            <li class="bottom-item">
              <span>关于主子账号</span>
            </li>
            <li class="bottom-item">
              <span>加盟阿奇数</span>
            </li>
            <li class="bottom-item">
              <span>购物指南</span>
            </li>
          </ul>
        </div>
        <div class="container">
          <p class="footer-text">©深圳阿奇数科技有限公司 版权所有|粤ICP备16111804号-1</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Bottom',
  data() {
    return {

    }
  }
}
</script>

<style scoped lang="scss">
  .bottom{
    padding-top: 63px;
    padding-bottom: 43px;
    border-top: 1px solid #C7C7CC;
    background: #F5F5F5;
    .bottom-content{
      .bottom-main{
        .main{
          display: flex;
          justify-content: center;
          .bottom-list{
            display: flex;
            padding: 8px 0;
            .bottom-item{
              height: 14px;
              line-height: 14px;
              padding: 0 10px;
              cursor: pointer;
              border-left: 1px solid #ddd;
            }
          }
        }
        .container{
          display: flex;
          justify-content: center;
          .footer-text{

          }
        }
      }
    }
  }
</style>
